<template>
  <div class="Con">
    <div class="Con-H">
      <p>{{ nowDate + "\\" }} {{ nowWeek }}</p>
    </div>

    <div class="Con-C">
      <table>
        <tr style="font-weight: 700" id="htr">
          <td style="background-color: white">课室</td>
          <td>一，二节</td>
          <td>三，四节</td>
          <td>五，六节</td>
          <td>七，八节</td>
          <td>九，十节</td>
          <td>十一，十二节</td>
        </tr>
        <!--表头-->

        <tr>
          <td>B5-102</td>
          <td :class="[{ tdStyle: B102C1 != '' }, { tdStyleN: B102C1 == '' }]">
            {{ B102C1.c_teacher }}<br />
            {{ B102C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C1.c_state == 0 },
                { stateStyle2: B102C1.c_state == 1 },
              ]"
              >{{ B102C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B102C2 != '' }, { tdStyleN: B102C2 == '' }]">
            {{ B102C2.c_teacher }}<br />
            {{ B102C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C2.c_state == 0 },
                { stateStyle2: B102C2.c_state == 1 },
              ]"
              >{{ B102C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B102C3 != '' }, { tdStyleN: B102C3 == '' }]">
            {{ B102C3.c_teacher }}<br />
            {{ B102C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C3.c_state == 0 },
                { stateStyle2: B102C3.c_state == 1 },
              ]"
              >{{ B102C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B102C4 != '' }, { tdStyleN: B102C4 == '' }]">
            {{ B102C4.c_teacher }}<br />
            {{ B102C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C4.c_state == 0 },
                { stateStyle2: B102C4.c_state == 1 },
              ]"
              >{{ B102C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B102C5 != '' }, { tdStyleN: B102C5 == '' }]">
            {{ B102C5.c_teacher }}<br />
            {{ B102C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C5.c_state == 0 },
                { stateStyle2: B102C5.c_state == 1 },
              ]"
              >{{ B102C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B102C6 != '' }, { tdStyleN: B102C6 == '' }]">
            {{ B102C6.c_teacher }}<br />
            {{ B102C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B102C6.c_state == 0 },
                { stateStyle2: B102C6.c_state == 1 },
              ]"
              >{{ B102C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-203</td>
          <td :class="[{ tdStyle: B203C1 != '' }, { tdStyleN: B203C1 == '' }]">
            {{ B203C1.c_teacher }}<br />
            {{ B203C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C1.c_state == 0 },
                { stateStyle2: B203C1.c_state == 1 },
              ]"
              >{{ B203C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B203C2 != '' }, { tdStyleN: B203C2 == '' }]">
            {{ B203C2.c_teacher }}<br />
            {{ B203C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C2.c_state == 0 },
                { stateStyle2: B203C2.c_state == 1 },
              ]"
              >{{ B203C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B203C3 != '' }, { tdStyleN: B203C3 == '' }]">
            {{ B203C3.c_teacher }}<br />
            {{ B203C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C3.c_state == 0 },
                { stateStyle2: B203C3.c_state == 1 },
              ]"
              >{{ B203C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B203C4 != '' }, { tdStyleN: B203C4 == '' }]">
            {{ B203C4.c_teacher }}<br />
            {{ B203C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C4.c_state == 0 },
                { stateStyle2: B203C4.c_state == 1 },
              ]"
              >{{ B203C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B203C5 != '' }, { tdStyleN: B203C5 == '' }]">
            {{ B203C5.c_teacher }}<br />
            {{ B203C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C5.c_state == 0 },
                { stateStyle2: B203C5.c_state == 1 },
              ]"
              >{{ B203C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B203C6 != '' }, { tdStyleN: B203C6 == '' }]">
            {{ B203C6.c_teacher }}<br />
            {{ B203C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B203C6.c_state == 0 },
                { stateStyle2: B203C6.c_state == 1 },
              ]"
              >{{ B203C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-301</td>
          <td :class="[{ tdStyle: B301C1 != '' }, { tdStyleN: B301C1 == '' }]">
            {{ B301C1.c_teacher }}<br />
            {{ B301C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C1.c_state == 0 },
                { stateStyle2: B301C1.c_state == 1 },
              ]"
              >{{ B301C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B301C2 != '' }, { tdStyleN: B301C2 == '' }]">
            {{ B301C2.c_teacher }}<br />
            {{ B301C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C2.c_state == 0 },
                { stateStyle2: B301C2.c_state == 1 },
              ]"
              >{{ B301C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B301C3 != '' }, { tdStyleN: B301C3 == '' }]">
            {{ B301C3.c_teacher }}<br />
            {{ B301C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C3.c_state == 0 },
                { stateStyle2: B301C3.c_state == 1 },
              ]"
              >{{ B301C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B301C4 != '' }, { tdStyleN: B301C4 == '' }]">
            {{ B301C4.c_teacher }}<br />
            {{ B301C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C4.c_state == 0 },
                { stateStyle2: B301C4.c_state == 1 },
              ]"
              >{{ B301C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B301C5 != '' }, { tdStyleN: B301C5 == '' }]">
            {{ B301C5.c_teacher }}<br />
            {{ B301C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C5.c_state == 0 },
                { stateStyle2: B301C5.c_state == 1 },
              ]"
              >{{ B301C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B301C6 != '' }, { tdStyleN: B301C6 == '' }]">
            {{ B301C6.c_teacher }}<br />
            {{ B301C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B301C6.c_state == 0 },
                { stateStyle2: B301C6.c_state == 1 },
              ]"
              >{{ B301C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-304</td>
          <td :class="[{ tdStyle: B304C1 != '' }, { tdStyleN: B304C1 == '' }]">
            {{ B304C1.c_teacher }}<br />
            {{ B304C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C1.c_state == 0 },
                { stateStyle2: B304C1.c_state == 1 },
              ]"
              >{{ B304C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B304C2 != '' }, { tdStyleN: B304C2 == '' }]">
            {{ B304C2.c_teacher }}<br />
            {{ B304C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C2.c_state == 0 },
                { stateStyle2: B304C2.c_state == 1 },
              ]"
              >{{ B304C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B304C3 != '' }, { tdStyleN: B304C3 == '' }]">
            {{ B304C3.c_teacher }}<br />
            {{ B304C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C3.c_state == 0 },
                { stateStyle2: B304C3.c_state == 1 },
              ]"
              >{{ B304C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B304C4 != '' }, { tdStyleN: B304C4 == '' }]">
            {{ B304C4.c_teacher }}<br />
            {{ B304C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C4.c_state == 0 },
                { stateStyle2: B304C4.c_state == 1 },
              ]"
              >{{ B304C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B304C5 != '' }, { tdStyleN: B304C5 == '' }]">
            {{ B304C5.c_teacher }}<br />
            {{ B304C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C5.c_state == 0 },
                { stateStyle2: B304C5.c_state == 1 },
              ]"
              >{{ B304C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B304C6 != '' }, { tdStyleN: B304C6 == '' }]">
            {{ B304C6.c_teacher }}<br />
            {{ B304C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B304C6.c_state == 0 },
                { stateStyle2: B304C6.c_state == 1 },
              ]"
              >{{ B304C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-401</td>
          <td :class="[{ tdStyle: B401C1 != '' }, { tdStyleN: B401C1 == '' }]">
            {{ B401C1.c_teacher }}<br />
            {{ B401C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C1.c_state == 0 },
                { stateStyle2: B401C1.c_state == 1 },
              ]"
              >{{ B401C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B401C2 != '' }, { tdStyleN: B401C2 == '' }]">
            {{ B401C2.c_teacher }}<br />
            {{ B401C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C2.c_state == 0 },
                { stateStyle2: B401C2.c_state == 1 },
              ]"
              >{{ B401C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B401C3 != '' }, { tdStyleN: B401C3 == '' }]">
            {{ B401C3.c_teacher }}<br />
            {{ B401C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C3.c_state == 0 },
                { stateStyle2: B401C3.c_state == 1 },
              ]"
              >{{ B401C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B401C4 != '' }, { tdStyleN: B401C4 == '' }]">
            {{ B401C4.c_teacher }}<br />
            {{ B401C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C4.c_state == 0 },
                { stateStyle2: B401C4.c_state == 1 },
              ]"
              >{{ B401C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B401C5 != '' }, { tdStyleN: B401C5 == '' }]">
            {{ B401C5.c_teacher }}<br />
            {{ B401C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C5.c_state == 0 },
                { stateStyle2: B401C5.c_state == 1 },
              ]"
              >{{ B401C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B401C6 != '' }, { tdStyleN: B401C6 == '' }]">
            {{ B401C6.c_teacher }}<br />
            {{ B401C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B401C6.c_state == 0 },
                { stateStyle2: B401C6.c_state == 1 },
              ]"
              >{{ B401C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-403</td>
          <td :class="[{ tdStyle: B401C1 != '' }, { tdStyleN: B401C1 == '' }]">
            {{ B403C1.c_teacher }}<br />
            {{ B403C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C1.c_state == 0 },
                { stateStyle2: B403C1.c_state == 1 },
              ]"
              >{{ B403C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B403C2 != '' }, { tdStyleN: B403C2 == '' }]">
            {{ B403C2.c_teacher }}<br />
            {{ B403C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C2.c_state == 0 },
                { stateStyle2: B403C2.c_state == 1 },
              ]"
              >{{ B403C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B403C3 != '' }, { tdStyleN: B403C3 == '' }]">
            {{ B403C3.c_teacher }}<br />
            {{ B403C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C3.c_state == 0 },
                { stateStyle2: B403C3.c_state == 1 },
              ]"
              >{{ B403C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B403C4 != '' }, { tdStyleN: B403C4 == '' }]">
            {{ B403C4.c_teacher }}<br />
            {{ B403C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C4.c_state == 0 },
                { stateStyle2: B403C4.c_state == 1 },
              ]"
              >{{ B403C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B403C5 != '' }, { tdStyleN: B403C5 == '' }]">
            {{ B403C5.c_teacher }}<br />
            {{ B403C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C5.c_state == 0 },
                { stateStyle2: B403C5.c_state == 1 },
              ]"
              >{{ B403C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B403C6 != '' }, { tdStyleN: B403C6 == '' }]">
            {{ B403C6.c_teacher }}<br />
            {{ B403C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B403C6.c_state == 0 },
                { stateStyle2: B403C6.c_state == 1 },
              ]"
              >{{ B403C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-404</td>
          <td :class="[{ tdStyle: B404C1 != '' }, { tdStyleN: B404C1 == '' }]">
            {{ B404C1.c_teacher }}<br />
            {{ B404C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C1.c_state == 0 },
                { stateStyle2: B404C1.c_state == 1 },
              ]"
              >{{ B404C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B404C2 != '' }, { tdStyleN: B404C2 == '' }]">
            {{ B404C2.c_teacher }}<br />
            {{ B404C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C2.c_state == 0 },
                { stateStyle2: B404C2.c_state == 1 },
              ]"
              >{{ B404C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B404C3 != '' }, { tdStyleN: B404C3 == '' }]">
            {{ B404C3.c_teacher }}<br />
            {{ B404C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C3.c_state == 0 },
                { stateStyle2: B404C3.c_state == 1 },
              ]"
              >{{ B404C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B404C4 != '' }, { tdStyleN: B404C4 == '' }]">
            {{ B404C4.c_teacher }}<br />
            {{ B404C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C4.c_state == 0 },
                { stateStyle2: B404C4.c_state == 1 },
              ]"
              >{{ B404C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B404C5 != '' }, { tdStyleN: B404C5 == '' }]">
            {{ B404C5.c_teacher }}<br />
            {{ B404C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C5.c_state == 0 },
                { stateStyle2: B404C5.c_state == 1 },
              ]"
              >{{ B404C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B404C6 != '' }, { tdStyleN: B404C6 == '' }]">
            {{ B404C6.c_teacher }}<br />
            {{ B404C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B404C6.c_state == 0 },
                { stateStyle2: B404C6.c_state == 1 },
              ]"
              >{{ B404C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>
        <!--======================================501==========================================================-->
        <tr>
          <td>B5-501</td>
          <td :class="[{ tdStyle: B501C1 != '' }, { tdStyleN: B501C1 == '' }]">
            {{ B501C1.c_teacher }}<br />
            {{ B501C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C1.c_state == 0 },
                { stateStyle2: B501C1.c_state == 1 },
              ]"
              >{{ B501C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B501C2 != '' }, { tdStyleN: B501C2 == '' }]">
            {{ B501C2.c_teacher }}<br />
            {{ B501C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C2.c_state == 0 },
                { stateStyle2: B501C2.c_state == 1 },
              ]"
              >{{ B501C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B501C3 != '' }, { tdStyleN: B501C3 == '' }]">
            {{ B501C3.c_teacher }}<br />
            {{ B501C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C3.c_state == 0 },
                { stateStyle2: B501C3.c_state == 1 },
              ]"
              >{{ B501C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B501C4 != '' }, { tdStyleN: B501C4 == '' }]">
            {{ B501C4.c_teacher }}<br />
            {{ B501C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C4.c_state == 0 },
                { stateStyle2: B501C4.c_state == 1 },
              ]"
              >{{ B501C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B501C5 != '' }, { tdStyleN: B501C5 == '' }]">
            {{ B501C5.c_teacher }}<br />
            {{ B501C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C5.c_state == 0 },
                { stateStyle2: B501C5.c_state == 1 },
              ]"
              >{{ B501C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B501C6 != '' }, { tdStyleN: B501C6 == '' }]">
            {{ B501C6.c_teacher }}<br />
            {{ B501C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B501C6.c_state == 0 },
                { stateStyle2: B501C6.c_state == 1 },
              ]"
              >{{ B501C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <!--==============================================================================================-->

        <tr>
          <td>B5-503</td>
          <td :class="[{ tdStyle: B503C1 != '' }, { tdStyleN: B503C1 == '' }]">
            {{ B503C1.c_teacher }}<br />
            {{ B503C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C1.c_state == 0 },
                { stateStyle2: B503C1.c_state == 1 },
              ]"
              >{{ B503C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B503C2 != '' }, { tdStyleN: B503C2 == '' }]">
            {{ B503C2.c_teacher }}<br />
            {{ B503C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C2.c_state == 0 },
                { stateStyle2: B503C2.c_state == 1 },
              ]"
              >{{ B503C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B503C3 != '' }, { tdStyleN: B503C3 == '' }]">
            {{ B503C3.c_teacher }}<br />
            {{ B503C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C3.c_state == 0 },
                { stateStyle2: B503C3.c_state == 1 },
              ]"
              >{{ B503C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B503C4 != '' }, { tdStyleN: B503C4 == '' }]">
            {{ B503C4.c_teacher }}<br />
            {{ B503C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C4.c_state == 0 },
                { stateStyle2: B503C4.c_state == 1 },
              ]"
              >{{ B503C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B503C5 != '' }, { tdStyleN: B503C5 == '' }]">
            {{ B503C5.c_teacher }}<br />
            {{ B503C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C5.c_state == 0 },
                { stateStyle2: B503C5.c_state == 1 },
              ]"
              >{{ B503C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B503C6 != '' }, { tdStyleN: B503C6 == '' }]">
            {{ B503C6.c_teacher }}<br />
            {{ B503C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B503C6.c_state == 0 },
                { stateStyle2: B503C6.c_state == 1 },
              ]"
              >{{ B503C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>

        <tr>
          <td>B5-504</td>
          <td :class="[{ tdStyle: B504C1 != '' }, { tdStyleN: B504C1 == '' }]">
            {{ B504C1.c_teacher }}<br />
            {{ B504C1.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C1.c_state == 0 },
                { stateStyle2: B504C1.c_state == 1 },
              ]"
              >{{ B504C1.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B504C2 != '' }, { tdStyleN: B504C2 == '' }]">
            {{ B504C2.c_teacher }}<br />
            {{ B504C2.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C2.c_state == 0 },
                { stateStyle2: B504C2.c_state == 1 },
              ]"
              >{{ B504C2.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B504C3 != '' }, { tdStyleN: B504C3 == '' }]">
            {{ B504C3.c_teacher }}<br />
            {{ B504C3.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C3.c_state == 0 },
                { stateStyle2: B504C3.c_state == 1 },
              ]"
              >{{ B504C3.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B504C4 != '' }, { tdStyleN: B504C4 == '' }]">
            {{ B504C4.c_teacher }}<br />
            {{ B504C4.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C4.c_state == 0 },
                { stateStyle2: B504C4.c_state == 1 },
              ]"
              >{{ B504C4.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B504C5 != '' }, { tdStyleN: B504C5 == '' }]">
            {{ B504C5.c_teacher }}<br />
            {{ B504C5.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C5.c_state == 0 },
                { stateStyle2: B504C5.c_state == 1 },
              ]"
              >{{ B504C5.c_state | checkState }}</span
            ><br />
          </td>
          <td :class="[{ tdStyle: B504C6 != '' }, { tdStyleN: B504C6 == '' }]">
            {{ B504C6.c_teacher }}<br />
            {{ B504C6.c_name }}<br />
            <span
              :class="[
                { stateStyle1: B504C6.c_state == 0 },
                { stateStyle2: B504C6.c_state == 1 },
              ]"
              >{{ B504C6.c_state | checkState }}</span
            ><br />
          </td>
        </tr>
      </table>
    </div>
    <!--表格容器-->
  </div>
</template>

<script>
setInterval(() => {
  console.log(location.reload());
}, 12 * 60 * 60 * 1000); //定时刷新
import { axios1 } from "@/network";
export default {
  data() {
    return {
      nowDate: "", //当前时间
      nowWeek: "",

      B102Time: [], //102有课的时间段
      B102: [],
      B102C1: "", //第一，二节课
      B102C2: "", //第三，四节课
      B102C3: "",
      B102C4: "",
      B102C5: "",
      B102C6: "",

      B203: [],
      B203C1: "", //第一，二节课
      B203C2: "", //第三，四节课
      B203C3: "",
      B203C4: "",
      B203C5: "",
      B203C6: "",

      B301: [],
      B301C1: "", //第一，二节课
      B301C2: "", //第三，四节课
      B301C3: "",
      B301C4: "",
      B301C5: "",
      B301C6: "",

      B304: [],
      B304C1: "", //第一，二节课
      B304C2: "", //第三，四节课
      B304C3: "",
      B304C4: "",
      B304C5: "",
      B304C6: "",

      B401: [],
      B401C1: "", //第一，二节课
      B401C2: "", //第三，四节课
      B401C3: "",
      B401C4: "",
      B401C5: "",
      B401C6: "",

      B403: [],
      B403C1: "", //第一，二节课
      B403C2: "", //第三，四节课
      B403C3: "",
      B403C4: "",
      B403C5: "",
      B403C6: "",

      B404: [],
      B404C1: "", //第一，二节课
      B404C2: "", //第三，四节课
      B404C3: "",
      B404C4: "",
      B404C5: "",
      B404C6: "",

      B501: [],
      B501C1: "", //第一，二节课
      B501C2: "", //第三，四节课
      B501C3: "",
      B501C4: "",
      B501C5: "",
      B501C6: "",

      B503: [],
      B503C1: "", //第一，二节课
      B503C2: "", //第三，四节课
      B503C3: "",
      B503C4: "",
      B503C5: "",
      B503C6: "",

      B504: [],
      B504C1: "", //第一，二节课
      B504C2: "", //第三，四节课
      B504C3: "",
      B504C4: "",
      B504C5: "",
      B504C6: "",
    };
  },
  methods: {
    getMyTime() {
      //获取时间函数
      var myDate = new Date();
      var year = myDate.getFullYear();
      var month = myDate.getMonth() + 1;
      var day = myDate.getDate();
      this.nowDate = year + "年" + month + "月" + day + "日";

      var weekday = myDate.getDay(); //获取星期几
      var weeks = new Array(
        "周日",
        "周一",
        "周二",
        "周三",
        "周四",
        "周五",
        "周六"
      );
      var week = weeks[weekday];
      this.nowWeek = week;
    },

    getNowCourse() {
      //获取当天的课程信息
      axios1({
        url: "/course/getTodayCourse",
        method: "get",
        headers: { token: this.$store.state.token },
      })
        .then((res) => {
          console.log(res.data.data);
          this.B102 = res.data.data[0];
          for (let i = 0; i < this.B102.length; i++) {
            //console.log(this.B102[i].c_time)
            if (this.B102[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B102C1 = this.B102[i];
              //console.log(this.B102C1)
            } else if (this.B102[i].c_time.indexOf("10:25:00") != -1) {
              this.B102C2 = this.B102[i];
            } else if (this.B102[i].c_time.indexOf("14:15:00") != -1) {
              this.B102C3 = this.B102[i];
            } else if (this.B102[i].c_time.indexOf("15:55:00") != -1) {
              this.B102C4 = this.B102[i];
            } else if (this.B102[i].c_time.indexOf("18:15:00") != -1) {
              this.B102C5 = this.B102[i];
            } else if (this.B102[i].c_time.indexOf("20:00:00") != -1) {
              this.B102C6 = this.B102[i];
            }

            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断一楼的课程
          // console.log(this.B102Time)、、，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，

          this.B203 = res.data.data[1];
          for (let i = 0; i < this.B203.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B203[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B203C1 = this.B203[i];
              //console.log(this.B102C1)
            } else if (this.B203[i].c_time.indexOf("10:25:00") != -1) {
              this.B203C2 = this.B203[i];
            } else if (this.B203[i].c_time.indexOf("14:15:00") != -1) {
              this.B203C3 = this.B203[i];
            } else if (this.B203[i].c_time.indexOf("15:55:00") != -1) {
              this.B203C4 = this.B203[i];
            } else if (this.B203[i].c_time.indexOf("18:15:00") != -1) {
              this.B203C5 = this.B203[i];
            } else if (this.B203[i].c_time.indexOf("20:00:00") != -1) {
              this.B203C6 = this.B203[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断203楼的课程

          //=================================================================================
          this.B301 = res.data.data[2];
          for (let i = 0; i < this.B301.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B301[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B301C1 = this.B301[i];
              //console.log(this.B102C1)
            } else if (this.B301[i].c_time.indexOf("10:25:00") != -1) {
              this.B301C2 = this.B301[i];
            } else if (this.B301[i].c_time.indexOf("14:15:00") != -1) {
              this.B301C3 = this.B301[i];
            } else if (this.B301[i].c_time.indexOf("15:55:00") != -1) {
              this.B301C4 = this.B301[i];
            } else if (this.B301[i].c_time.indexOf("18:15:00") != -1) {
              this.B301C5 = this.B301[i];
            } else if (this.B301[i].c_time.indexOf("20:00:00") != -1) {
              this.B301C6 = this.B301[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断301楼的课程

          this.B304 = res.data.data[3];
          for (let i = 0; i < this.B304.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B304[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B304C1 = this.B304[i];
              //console.log(this.B102C1)
            } else if (this.B304[i].c_time.indexOf("10:25:00") != -1) {
              this.B304C2 = this.B304[i];
            } else if (this.B304[i].c_time.indexOf("14:15:00") != -1) {
              this.B304C3 = this.B304[i];
            } else if (this.B304[i].c_time.indexOf("15:55:00") != -1) {
              this.B304C4 = this.B304[i];
            } else if (this.B304[i].c_time.indexOf("18:15:00") != -1) {
              this.B304C5 = this.B304[i];
            } else if (this.B304[i].c_time.indexOf("20:00:00") != -1) {
              this.B304C6 = this.B304[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断304楼的课程

          //====================================================================================
          this.B401 = res.data.data[4];
          for (let i = 0; i < this.B401.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B401[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B401C1 = this.B401[i];
              //console.log(this.B102C1)
            } else if (this.B401[i].c_time.indexOf("10:25:00") != -1) {
              this.B401C2 = this.B401[i];
            } else if (this.B401[i].c_time.indexOf("14:15:00") != -1) {
              this.B401C3 = this.B401[i];
            } else if (this.B401[i].c_time.indexOf("15:55:00") != -1) {
              this.B401C4 = this.B401[i];
            } else if (this.B401[i].c_time.indexOf("18:15:00") != -1) {
              this.B401C5 = this.B401[i];
            } else if (this.B401[i].c_time.indexOf("20:00:00") != -1) {
              this.B401C6 = this.B401[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断401楼的课程
          //===============================================================================================

          this.B403 = res.data.data[5];
          for (let i = 0; i < this.B403.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B403[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B403C1 = this.B403[i];
              //console.log(this.B102C1)
            } else if (this.B403[i].c_time.indexOf("10:25:00") != -1) {
              this.B403C2 = this.B403[i];
            } else if (this.B403[i].c_time.indexOf("14:15:00") != -1) {
              this.B403C3 = this.B403[i];
            } else if (this.B403[i].c_time.indexOf("15:55:00") != -1) {
              this.B403C4 = this.B403[i];
            } else if (this.B403[i].c_time.indexOf("18:15:00") != -1) {
              this.B403C5 = this.B403[i];
            } else if (this.B403[i].c_time.indexOf("20:00:00") != -1) {
              this.B403C6 = this.B403[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断401楼的课程
          //===============================================================================================

          this.B404 = res.data.data[6];
          for (let i = 0; i < this.B404.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B404[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B404C1 = this.B404[i];
              //console.log(this.B102C1)
            } else if (this.B404[i].c_time.indexOf("10:25:00") != -1) {
              this.B404C2 = this.B404[i];
            } else if (this.B404[i].c_time.indexOf("14:15:00") != -1) {
              this.B404C3 = this.B404[i];
            } else if (this.B404[i].c_time.indexOf("15:55:00") != -1) {
              this.B404C4 = this.B404[i];
            } else if (this.B404[i].c_time.indexOf("18:15:00") != -1) {
              this.B404C5 = this.B404[i];
            } else if (this.B404[i].c_time.indexOf("20:00:00") != -1) {
              this.B404C6 = this.B404[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断401楼的课程
          //===============================================================================================

          this.B501 = res.data.data[7];
          for (let i = 0; i < this.B501.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B501[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B501C1 = this.B501[i];
              //console.log(this.B102C1)
            } else if (this.B501[i].c_time.indexOf("10:25:00") != -1) {
              this.B501C2 = this.B501[i];
            } else if (this.B501[i].c_time.indexOf("14:15:00") != -1) {
              this.B501C3 = this.B501[i];
            } else if (this.B501[i].c_time.indexOf("15:55:00") != -1) {
              this.B501C4 = this.B501[i];
            } else if (this.B501[i].c_time.indexOf("18:15:00") != -1) {
              this.B501C5 = this.B501[i];
            } else if (this.B501[i].c_time.indexOf("20:00:00") != -1) {
              this.B501C6 = this.B501[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断505楼的课程
          //========================================================================

          //==============================================================================

          this.B503 = res.data.data[8];
          for (let i = 0; i < this.B503.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B503[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B503C1 = this.B503[i];
              //console.log(this.B102C1)
            } else if (this.B503[i].c_time.indexOf("10:25:00") != -1) {
              this.B503C2 = this.B503[i];
            } else if (this.B503[i].c_time.indexOf("14:15:00") != -1) {
              this.B503C3 = this.B503[i];
            } else if (this.B503[i].c_time.indexOf("15:55:00") != -1) {
              this.B503C4 = this.B503[i];
            } else if (this.B503[i].c_time.indexOf("18:15:00") != -1) {
              this.B503C5 = this.B503[i];
            } else if (this.B503[i].c_time.indexOf("20:00:00") != -1) {
              this.B503C6 = this.B503[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断503楼的课程
          //===============================================================================================

          this.B504 = res.data.data[9];
          for (let i = 0; i < this.B504.length; i++) {
            // console.log(this.B203[i].c_time)
            if (this.B504[i].c_time.indexOf("08:40:00") != -1) {
              //console.log(this.B102[i].c_time.indexOf("08:40:00"))
              this.B504C1 = this.B504[i];
              //console.log(this.B102C1)
            } else if (this.B504[i].c_time.indexOf("10:25:00") != -1) {
              this.B504C2 = this.B504[i];
            } else if (this.B504[i].c_time.indexOf("14:15:00") != -1) {
              this.B504C3 = this.B504[i];
            } else if (this.B504[i].c_time.indexOf("15:55:00") != -1) {
              this.B504C4 = this.B504[i];
            } else if (this.B504[i].c_time.indexOf("18:15:00") != -1) {
              this.B504C5 = this.B504[i];
            } else if (this.B504[i].c_time.indexOf("20:00:00") != -1) {
              this.B504C6 = this.B504[i];
            }
            //let subTime=this.B102[i].c_time.substring(0,2)
            //this.B102Time.push(subTime)
          } //for判断504楼的课程
          //======================================================================

          //===============================================================================================

          console.log(res);
        })
        .catch((res) => {
          alert(res);
        });
    },
  },

  created() {
    this.getMyTime(); //获取时间
    this.getNowCourse(); //获取数据
  },

  filters: {
    checkState(state) {
      if (state == 0) {
        return "未确认";
      } else if (state == 1) {
        return "已确认";
      }
    },
  },
};
</script>

<style scoped>
div {
  box-sizing: border-box;
}
.Con {
  width: 96%;
  height: 100%;
  margin: auto;
  box-shadow: 1px 1px 10px rgb(141, 141, 141);
  overflow: auto;
}
.Con-H {
  height: 6%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid rgb(168, 168, 168);
}
.Con-H p {
  font-size: 20px;
  font-weight: 600;
  color: rgb(73, 73, 73);
}
.Con-C {
  height: 92%;
  width: 100%;
}
.Con-C table {
  width: 100%;
  height: 100%;
}
.Con-C table td {
  text-align: center;
  width: 14%;
  height: 9%;
  border: 1px solid rgb(231, 231, 231);
  font-size: 14px;
  font-weight: 600;
  color: rgb(75, 75, 75);
  border-radius: 6px;
}
.Con-C table td:hover {
  border: 1px solid rgb(146, 146, 146);
}
.tdStyle {
  background-color: rgba(54, 250, 64, 0.5);
}
.tdStyleN {
  background-color: rgba(41, 41, 41, 0.1);
}
.stateStyle1 {
  color: rgb(235, 51, 51);
  font-weight: 600;
}
.stateStyle2 {
  color: rgb(32, 146, 17);
  font-weight: 600;
}

#htr td {
  font-size: 17px;
  color: rgb(64, 65, 65);
  background-color: rgb(206, 204, 204);
}
</style>
